<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>首页</title>
		<link rel="stylesheet" href="./css/reset.css">
		<link rel="stylesheet" href="./css/common.css">
		<link rel="stylesheet" href="./fonts/iconfont.css">
		<link rel="stylesheet" href="./css/warpHeader.css">
		<link rel="stylesheet" href="./css/footer.css">
		<script src="./js/jquery.min.js"></script>
		<script src="./js/common.js"></script>
		<script src="./js/HappyImage.min.js"></script>
	</head>
	<body>
		<div class="tops">
			<div class="info">
				<div class="divs">欢迎来到歌必网-咖啡综合专属服务平台~</div>
				<div class="divs">客服热线 17521209352</div>
			</div>
		</div>
		<div class="navigation">
			<div class="infos">
				<div class="lefts">
					<h1 class="logo">
						<a href="./index.html">
							<img src="./img/member/page-logo.png" alt="">
							<span>歌必网</span>
						</a>
					</h1>
					<nav class="nav_list">

						<div class="none yes">
							<a href="./index.html">首页</a>
						</div>
						<div class="none">
							<a href="./news.html">咨讯</a>
						</div>
						<div class="none">
							<a href="./lnsights.html">洞见</a>
						</div>
						<div class="none">
							<a href="./forums.html">讲堂</a>
						</div>
						<div class="none">
							<a href="./aMarket.html">市集</a>
						</div>
						<div class="none">
							<a href="./seryiceList.html">服务</a>
						</div>
						<div class="none">
							<a href="./community.html">社区</a>
						</div>
					</nav>
				</div>
				<div class="rihts">
					<img class="imgs" src="./img/bai.png" alt="" srcset="" />
					<div class="login_none">
						<a class="btn" href="./login.html">注册/登录</a>
					</div>
					<div class="login_adready">
						<a href="./member/uesrInfo.html">
							<img src="./img/all_tou.png" alt="" class="login_aready">
						</a>
						<div class="login_info">
							<div class="inner_info">
								<div class="head_img_box">
									<a href="./member/uesrInfo.html"><img src="./img/all_tou.png" alt="" class="head_img"></a>
									<div class="himg_right">
										<p class="name_box">
											<span class="name">再吃亿口</span> <span class="user_tab">暂未开通</span>
										</p>
										<p class="phone">15100743385</p>
									</div>
								</div>
								<ul class="menus vips">
									<li class="items">
										<a href="#" class="vip_btn"><i class="iconfont icon-huiyuan"></i>vip中心</a>
									</li>
								</ul>
								<ul class="menus">
									<li class="items">
										<a href="./member/myOrder.html"><i class="iconfont icon-shangpindingdan"></i>商品订单</a>
									</li>
									<li class="items">
										<a href="./member/myCourse.html"><i class="iconfont icon-wodekecheng"></i>我的课程</a>
									</li>
									<li class="items">
										<a href="./member/taskOrder.html"><i class="iconfont icon-dingdanrenwu"></i>任务订单</a>
									</li>
									<li class="items">
										<a href="./member/friendVerification.html"><i class="iconfont icon-tianjiahaoyou"></i>好友验证</a>
									</li>
								</ul>
								<ul class="menus other">
									<li class="items">
										<a href="./member/uesrInfo.html"><i class="iconfont icon-shezhi"></i>账号设置</a>
									</li>
									<li class="items">
										<a href="#" class="login_out"><i class="iconfont icon-tuichudenglu"></i>退出登录</a>
									</li>
								</ul>
							</div>

						</div>
					</div>
					<i class="iconfont icon-gengduo more"></i>
				</div>
			</div>
		</div>
		<div class="carousel" id="target-1">
			<div>
				<div><img src="./img/new-bg.png" alt="" srcset="" /></div>
				<div><img src="./img/new-bg.png" alt="" srcset="" /></div>
				<div><img src="./img/new-bg.png" alt="" srcset="" /></div>
				<div><img src="./img/new-bg.png" alt="" srcset="" /></div>
			</div>
		</div>
		<div class="container">
			<div class="cns">
				<div class="cns_info">
					<div class="cns_info_title">数资咨询</div>
					<div class="cn_info_fBt">Digital Marketplace</div>
					<div class="one_list">
						<div class="one_item">
							<img src="./img/kx.png" alt="" srcset="" />
							<div class="one_title">环保</div>
							<div class="one_info">环保</div>
						</div>
						<div class="one_item">
							<img src="./img/kx.png" alt="" srcset="" />
							<div class="one_title">环保</div>
							<div class="one_info">环保</div>
						</div>
						<div class="one_item">
							<img src="./img/kx.png" alt="" srcset="" />
							<div class="one_title">环保</div>
							<div class="one_info">环保</div>
						</div>
					</div>
					<div class="ljgd">
						<img style="width: 1.8rem;height: 1.8rem;" src="./img/leftNav.png" alt="" srcset="" />
						<a href="./news.html">了解更多</a>
					</div>
				</div>
			</div>
			<div class="cns" style="background: #fff;">
				<div class="cns_info">
					<div class="cns_info_title">数资洞见</div>
					<div class="cn_info_fBt">Digital Marketplace</div>
					<div class="two_list">
						<img src="./img/bgs.png" alt="" srcset="" />
						<div class="two_right">
							<div class="two_items">
								<img src="./img/bgs.png" alt="" srcset="" />
								洞见：未来
							</div>
						</div>
					</div>
					<div class="ljgd">
						<img style="width: 1.8rem;height: 1.8rem;" src="./img/leftNav.png" alt="" srcset="" />
						<a href="./lnsights.html">了解更多</a>
					</div>
				</div>
			</div>
			<div class="cns">
				<div class="cns_info">
					<div class="three_list">
						<img src="./img/bgs.png" alt="" srcset="" />
						<div class="three_right">
							<div class="three_right_title">
								中国数字经济创新六大趋势
							</div>
							<div class="three_right_fbt">Digital Marketplace</div>
							<div class="three_right_texts">
								岁末年初之际，麦肯锡中国区数字化咨询业务总结了未来几年中国数字创新的六大趋势，希望这些洞察能为在华企业高管提供思考的依据。

								随着新技术的发展，诸如人工智能、大数据分析以及区块链等技术的应用将进一步推动中国的数字经济者的多样化需求。
							</div>
							<div class="three_btns">
								<div class="btn1s">进入全国数据创新空间网络</div>
								<div class="btn1s">加入我们</div>
							</div>
						</div>
					</div>
					<div class="ljgd">
						<img style="width: 1.8rem;height: 1.8rem;" src="./img/leftNav.png" alt="" srcset="" />
						<a href="./forums.html">了解更多</a>
					</div>
				</div>
			</div>
			<div class="cns" style="background: #fff;">
				<div class="cns_info">
					<div class="cns_info_title">数资集市</div>
					<div class="cn_info_fBt">Digital Marketplace</div>
					<div class="one_list">
						<div class="one_item">
							<img src="./img/kx.png" alt="" srcset="" />
							<div class="one_title">环保</div>
							<div class="fore_info">
								<div class="fore_info_left">
									&yen;599
								</div>
								<div class="fore_info_right">
									了解更多
								</div>
							</div>
						</div>
						<div class="one_item">
							<img src="./img/kx.png" alt="" srcset="" />
							<div class="one_title">环保</div>
							<div class="fore_info">
								<div class="fore_info_left">
									&yen;599
								</div>
								<div class="fore_info_right">
									了解更多
								</div>
							</div>
						</div>
						<div class="one_item">
							<img src="./img/kx.png" alt="" srcset="" />
							<div class="one_title">环保</div>
							<div class="fore_info">
								<div class="fore_info_left">
									&yen;599
								</div>
								<div class="fore_info_right">
									了解更多
								</div>
							</div>
						</div>
					</div>
					<div class="ljgd">
						<img style="width: 1.8rem;height: 1.8rem;" src="./img/leftNav.png" alt="" srcset="" />
						<a href="./aMarket.html">了解更多</a>
					</div>
				</div>
			</div>
			<div class="cns" style="background: #fff;">
				<div class="cns_infos">
					<div class="cns_info_title">数资服务</div>
					<div class="cn_info_fBt">Digital Marketplace</div>
					<div class="sz_list">
						<div class="sz_item">
							<div class="one_item_title">数据资产或路径标准化体系建设总体咨询（政府企业）</div>
						</div>
						<div class="sz_item">
							<div class="one_item_title">数据资产或路径标准化体系建设总体咨询（政府企业）</div>
						</div>
						<div class="sz_item">
							<div class="one_item_title">数据资产或路径标准化体系建设总体咨询（政府企业）</div>
						</div>
						<div class="sz_item">
							<div class="one_item_title">数据资产或路径标准化体系建设总体咨询（政府企业）</div>
						</div>
					</div>
					<div class="ljgd">
						<img style="width: 1.8rem;height: 1.8rem;" src="./img/leftNav.png" alt="" srcset="" />
						<a href="./seryiceList.html">了解更多</a>
					</div>
				</div>
			</div>

			<div class="cns" style="background: #365DFF;margin-top: 2rem;">
				<div class="cns_info">
					<div class="cns_info_title" style="color: #fff;">数资社区</div>
					<div class="cn_info_fBt" style="color: #fff;">Digital Marketplace</div>
					<div class="community">
						<div class="one_community">
							<div class="one_community_num">3000</div>
							<div class="one_community_ren">活跃成员</div>
						</div>
						<div class="one_community">
							<div class="one_community_num">3000</div>
							<div class="one_community_ren">活跃成员</div>
						</div>
						<div class="one_community">
							<div class="one_community_num">3000</div>
							<div class="one_community_ren">活跃成员</div>
						</div>
						<div class="one_community">
							<div class="one_community_num">3000</div>
							<div class="one_community_ren">活跃成员</div>
						</div>
					</div>
					<div class="com_list">
						<div class="com_list_info">
							<img src="./img/all_tou.png" alt="" srcset="" />
							<div class="com_list_info_title">
								阿夏
							</div>
							<div class="com_list_info_con">
								中国教育家
							</div>
						</div>
						<div class="com_list_info">
							<img src="./img/all_tou.png" alt="" srcset="" />
							<div class="com_list_info_title">
								阿夏
							</div>
							<div class="com_list_info_con">
								中国教育家
							</div>
						</div>
					</div>
					<div class="ljgd" style="color: #fff;">
						<img style="width: 1.8rem;height: 1.8rem;" src="./img/leftNav.png" alt="" srcset="" />
						<a href="./community.html">了解更多</a>
					</div>
				</div>
			</div>
		</div>
		<div class="btons">
			<div class="app">
				<div class="tiitle" style="color: #000;">平台标语</div>
				<div class="jg"></div>
				<div class="ps">
					<div class="item">
						<img class="imgs" src="./img/home0.png" alt="" srcset="" />
						<div class="texts">
							<div class="texts1" style="color: #000;">学习</div>
							<div class="texts2">通过线上线下的社交化学习，<br>提升对数据资产的认知</div>
						</div>
					</div>
					<div class="item">
						<img class="imgs" src="./img/home1.png" alt="" srcset="" />
						<div class="texts">
							<div class="texts1" style="color: #000;">交流</div>
							<div class="texts2">通过线上线下的社交化学习，<br>提升对数据资产的认知</div>
						</div>
					</div>
					<div class="item">
						<img class="imgs" src="./img/home4.png" alt="" srcset="" />
						<div class="texts">
							<div class="texts1" style="color: #000;">协作</div>
							<div class="texts2">通过线上线下的社交化学习，<br>提升对数据资产的认知</div>
						</div>
					</div>
					<div class="item">
						<img class="imgs" src="./img/home3.png" alt="" srcset="" />
						<div class="texts">
							<div class="texts1" style="color: #000;">创新</div>
							<div class="texts2">通过线上线下的社交化学习，<br>提升对数据资产的认知</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<div class="bottoms_all">
			<div class="bottoms">
				<div class="info">
					<div class="items">
						<div class="title">
							ABOUT
						</div>
						<div class="title">
							关于我们
						</div>
						<div class="jsx">我们的使命是通过不断优化和提高生产流程，为客户提供最优质的服务和产品</div>
						<div class="ewm">
							<div class="boxs">
								<img src="./img/member/ewm.png" alt="" srcset="" />
							</div>
							<div class="boxs">
								<img src="./img/member/ewm.png" alt="" srcset="" />
							</div>
						</div>
					</div>
					<div class="items">
						<div class="title">CONTACT</div>
						<div class="title">联系我们</div>
						<div class="jsx">地址：海南省海口市秀英区海秀街道办南海大道288号海鑫郦都7号楼海口药谷牛物医药创新综合体2层215室A00062号</div>
						<div class="jsx1">电话:(010)12345678</div>
						<div class="jsx1">Email: contact@example.net</div>
						<div class="jsx1">Web:www.innocorp.cn</div>
					</div>

					<div class="items">
						<div class="title">LINKS</div>
						<div class="title">友情链接</div>
						<div class="jsx">合作伙伴一</div>
						<div class="jsx1">合作伙伴二</div>
						<div class="jsx1">合作伙伴三</div>
						<div class="jsx1">合作伙伴四</div>
						<div class="jsx1">合作伙伴五</div>
					</div>
					<div class="items">
						<div class="title">MECHANISM</div>
						<div class="title">合作机构</div>
						<div class="imgs">
							<img src="./img/logo2.png" alt="" srcset="" />
						</div>
						<div class="imgs">
							<img src="./img/logo1.png" alt="" srcset="" />
						</div>
					</div>
				</div>
				<div class="bq">版权所有 ◎ 2024|海南孚润数字技术有限公司|京ICP备12345678号</div>
				<div class="bqs">数据资产管理入表</div>
			</div>
		</div>
		
	</body>
</html>

<script>
	$("#target-1").HappyImage({
		effect: "slide"
	});
	
</script>
<style type="text/css">
	* {
	    margin: 0;
	    padding: 0;
	}
	
	a {
	    text-decoration: none;
	    color: inherit;
	}
	@media screen and (min-width: 768px) {
		body {
		    font-size: 16px;
		    background-color: #ffffff;
		}
		
		.carousel {
		    width: 100%;
		    height: 32.1875rem;
		    overflow: hidden;
		    position: relative;
		    z-index: 10;
		}
		
		.carousel img {
		    position: absolute;
		    top: 0;
		    left: 0;
		    width: 100%;
		    height: 100%;
		}
		
		.cns {
		    width: 100%;
		    padding-top: 5.5625rem;
		    background: #F7F7F7;
		}
		
		.cns_info {
		    width: 86.875rem;
		    margin: 0 auto;
		    padding-bottom: 3rem;
		}
		
		.cns_infos {
		    width: 100%;
		}
		
		.cns_info_title {
		    text-align: center;
		    font-weight: bold;
		    font-size: 2.25rem;
		    color: #000000;
		}
		
		.cn_info_fBt {
		    text-align: center;
		    font-weight: 400;
		    font-size: 0.875rem;
		    color: #666666;
		}
		
		.com_list {
		    margin-top: 2.5rem;
		    display: flex;
		    justify-content: center;
		    gap: 2.1875rem;
		}
		
		.com_list_info {
		    width: 19rem;
		    height: 14rem;
		    background: rgba(255, 255, 255, 0.3);
		    border-radius: 0.5rem;
		    display: flex;
		    justify-content: center;
		    flex-direction: column;
		    align-items: center;
		    gap: 0.5rem;
		}
		
		.com_list_info img {
		    width: 6rem;
		    height: 6rem;
		}
		
		.com_list_info_title {
		    font-weight: 400;
		    text-align: center;
		    font-size: 1.5rem;
		    color: #fff;
		}
		
		.com_list_info_con {
		    font-weight: 400;
		    text-align: center;
		    font-size: 1.25rem;
		    color: #fff;
		}
		
		.sz_list {
		    display: flex;
		    margin-top: 2.5rem;
		    flex-wrap: wrap;
		    justify-content: space-around;
		    align-items: center;
		}
		
		.one_item_title {
		    width: auto;
		    padding: 0.625rem 1.25rem 0;
		    font-weight: 800;
		    font-size: 1.5rem;
		    color: #000000;
		    text-align: center;
		}
		
		.one_list {
		    margin-top: 2.5rem;
		    display: flex;
		    flex-wrap: wrap;
		    align-items: center;
		    gap: 2.5rem;
		}
		
		.community {
		    width: auto;
		    padding: 0 2rem;
		    display: flex;
		    justify-content: space-between;
		    margin-top: 2.5rem;
		}
		
		.one_item {
		    /* width: 27.16rem; */
            width: calc((100% - 6rem) / 3);
		    padding-bottom: 1.25rem;
		    border: 0.0625rem solid #E1E1E1;
		    border-radius: 0.5rem;
		}
		
		.sz_item {
		    width: 27.16rem;
		    height: 20rem;
		    padding-bottom: 1.25rem;
		    background: #F9F9F9;
		    border-radius: 0.5rem;
		}
		
		.one_community_num {
		    font-size: 2.8125rem;
		    color: #fff;
		    font-weight: bold;
		    text-align: center;
		}
		
		.one_community_ren {
		    font-size: 1.25rem;
		    color: #fff;
		    text-align: center;
		}
		
		.one_item img {
		    width: 100%;
		    height: 15.3125rem;
		}
		
		.one_title {
		    margin-top: 1.25rem;
		    font-weight: bold;
		    font-size: 1.125rem;
		    color: #000000;
		    text-align: center;
		}
		
		.one_info {
		    text-align: center;
		    margin-top: 0.5rem;
		    font-weight: 400;
		    font-size: 1.125rem;
		    color: #222222;
		}
		
		.fore_info {
		    margin-top: 0.5rem;
		    width: auto;
		    padding: 0 2rem;
		    display: flex;
		    justify-content: space-between;
		    align-items: center;
		}
		
		.fore_info_left {
		    font-size: 1.25rem;
		    color: #EE184D;
		}
		
		.fore_info_right {
		    width: 5.5rem;
		    height: 1.875rem;
		    background: #F2F5F9;
		    border-radius: 0.125rem;
		    font-weight: 400;
		    font-size: 0.875rem;
		    color: #3E7CFF;
		    text-align: center;
		    line-height: 1.875rem;
		}
		
		.ljgd {
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    gap: 0.5rem;
		    font-weight: 400;
		    font-size: 1.2rem;
		    margin-top: 2.5rem;
		    color: #141311;
		}
		
		.two_list {
		    margin-top: 2.5rem;
		    display: flex;
		    justify-content: center;
		    gap: 2.5rem;
		}
		
		.two_list img {
		    width: 41.875rem;
		    height: 26.25rem;
		}
		
		.two_right {
		    width: 100%;
		}
		
		.two_items {
		    width: 100%;
		    padding-bottom: 0.625rem;
		    display: flex;
		    gap: 1.25rem;
		    align-items: center;
		    font-weight: 400;
		    font-size: 1.25rem;
		    color: #333333;
		    border-bottom: 0.0625rem solid #E1E1E1;
		}
		
		.two_items img {
		    width: 6.375rem;
		    height: 4.8125rem;
		    border-radius: 0.375rem;
		}
		
		.three_list {
		    display: flex;
		    align-items: center;
		    justify-content: space-between;
		    gap: 2.5rem;
		}
		
		.three_list img {
		    width: 48.6875rem;
		    height: 39.6875rem;
		}
		
		.three_right {
		    flex: 1;
		}
		
		.three_right_title {
		    font-weight: bold;
		    font-size: 2.5rem;
		    color: #000000;
		    text-align: center;
		}
		
		.three_right_fbt {
		    margin-top: 1.25rem;
		    font-weight: 400;
		    font-size: 1.25rem;
		    color: #999999;
		    text-align: center;
		}
		
		.three_right_texts {
		    font-weight: 400;
		    font-size: 1.25rem;
		    text-align: center;
		    margin-top: 1.25rem;
		    color: #000000;
		}
		
		.three_btns {
		    display: flex;
		    justify-content: center;
		    margin-top: 5.5rem;
		    gap: 1.25rem;
		}
		
		.btn1s {
		    padding: 0.625rem 1.25rem;
		    background: #BCE0FF;
		    border: 0.25rem solid #87D0FF;
		    border-radius: 0.5rem;
		}
		
		
		.container .cn_info {
		    width: 97.5rem;
		    margin: 0 auto;
		}
		
		.cn_info .cn_info_title {
		    margin-top: 5.5625rem;
		    text-align: center;
		    font-weight: bold;
		    font-size: 2.25rem;
		    color: #000000;
		}
		
		.cn_info .cn_info_fBt {
		    text-align: center;
		    font-weight: 400;
		    font-size: 0.875rem;
		    color: #666666;
		}
	}
	
	
	/* 750px 以下的样式 */
	@media screen and (max-width: 768px) {
	
	    .carousel {
	        width: 100%;
	        height: 32.1875rem;
	        /* overflow: hidden; */
	        position: relative;
	        z-index: 10;
	    }
	
	    .carousel img {
	        position: absolute;
	        top: 0;
	        left: 0;
	        width: 100%;
	        height: 100%;
	    }
	
	    .container {
	        width: calc(100% - 3rem);
	        overflow: hidden;
	        margin: 0 auto;
	    }
	
	    .cns {
	        width: 100%;
	        padding-top: 5.5625rem;
	        background: #F7F7F7;
	    }
	
	    .cns_info {
	        width: calc(100% - 3rem);
	        margin: 0 auto;
	        padding-bottom: 3rem;
	    }
	
	    .cns_infos {
	        width: calc(100% - 3rem);
	        margin: 0 auto;
	        padding-bottom: 3rem;
	    }
	
	    .cns_info_title {
	        text-align: center;
	        font-weight: bold;
	        font-size: 2.25rem;
	        color: #000000;
	    }
	
	    .cn_info_fBt {
	        text-align: center;
	        font-weight: 400;
	        font-size: 0.875rem;
	        color: #666666;
	    }
	
	    .com_list {
	        margin-top: 2.5rem;
	        display: flex;
	        justify-content: center;
	        gap: 2.1875rem;
	    }
	
	    .com_list_info {
	        width: 19rem;
	        height: 14rem;
	        background: rgba(255, 255, 255, 0.3);
	        border-radius: 0.5rem;
	        display: flex;
	        justify-content: center;
	        flex-direction: column;
	        align-items: center;
	        gap: 0.5rem;
	    }
	
	    .com_list_info img {
	        width: 6rem;
	        height: 6rem;
	    }
	
	    .com_list_info_title {
	        font-weight: 400;
	        text-align: center;
	        font-size: 1.5rem;
	        color: #fff;
	    }
	
	    .com_list_info_con {
	        font-weight: 400;
	        text-align: center;
	        font-size: 1.25rem;
	        color: #fff;
	    }
	
	    .sz_list {
	        display: flex;
	        flex-wrap: wrap;
	        justify-content: space-around;
	        align-items: center;
	    }
	
	    .one_item_title {
	        width: auto;
	        padding: 0.625rem 1.25rem 0;
	        font-weight: 800;
	        font-size: 1.5rem;
	        color: #000000;
	        text-align: center;
	    }
	
	    .one_list {
	        /* width: calc(100% - 3rem); */
	        width: 100%;
	        /* width: 64rem; */
	        margin: 0 auto;
	        display: flex;
	        flex-wrap: wrap;
	        gap: 3rem;
	        margin-top: 2.5rem;
	    }
	
	    .community {
	        width: auto;
	        padding: 0 2rem;
	        display: flex;
	        justify-content: space-between;
	        margin-top: 2.5rem;
	    }
	
	    .one_item {
	        width: calc((100% - 3rem) / 2);
	        padding-bottom: 1.25rem;
	        border: 0.0625rem solid #E1E1E1;
	        border-radius: 0.5rem;
	    }
	
	    .sz_item {
	        width: calc((100% - 3rem) / 2);
	        /* height: 21rem; */
            padding-bottom: 2rem;
	        margin-top: 20px;
	        padding-bottom: 1.25rem;
	        background: #F9F9F9;
	        border-radius: 0.5rem;
	    }
	
	    .one_community_num {
	        font-size: 2.8125rem;
	        color: #fff;
	        font-weight: bold;
	        text-align: center;
	    }
	
	    .one_community_ren {
	        font-size: 1.25rem;
	        color: #fff;
	        text-align: center;
	    }
	
	    .one_item img {
	        width: 100%;
	        /* height: 15.3125rem; */
	    }
	
	    .one_title {
	        margin-top: 1.25rem;
	        font-weight: bold;
	        font-size: 1.125rem;
	        color: #000000;
	        text-align: center;
	    }
	
	    .one_info {
	        text-align: center;
	        margin-top: 0.5rem;
	        font-weight: 400;
	        font-size: 1.125rem;
	        color: #222222;
	    }
	
	    .ljgd {
	        display: flex;
	        align-items: center;
	        justify-content: center;
	        gap: 0.5rem;
	        font-weight: 400;
	        font-size: 1.2rem;
	        margin-top: 2.5rem;
	        color: #141311;
	    }
	
	    .two_list {
	        width: 100%;
	        margin: 2.5rem auto 0;
	    }
	
	    .two_list img {
	        width: 100%;
	        /* height: 26.25rem; */
	    }
	
	    .two_right {
	        margin-top: 2.5rem;
	        width: 100%;
	    }
	
	    .two_items {
	        width: 100%;
	        padding-bottom: 2rem;
	        display: flex;
	        gap: 1.5rem;
	        align-items: center;
	        font-weight: 400;
	        font-size: 1.8rem;
	        color: #333333;
	        border-bottom: 0.0625rem solid #E1E1E1;
	    }
	
	    .two_items img {
	        width: 20rem;
	        /* height: 4.8125rem; */
	        border-radius: 0.375rem;
	    }
	
	    .three_list {
	        width: 100%;
	        /* display: flex;
	        align-items: center;
	        justify-content: space-between;
	        gap: 2.5rem; */
	    }
	
	    .three_list img {
	        width: 100%;
	        /* height: 39.6875rem; */
	    }
	
	    .three_right {
	        margin-top: 2.5rem;
	        /* flex: 1; */
	    }
	
	    .three_right_title {
	        font-weight: bold;
	        font-size: 2.5rem;
	        color: #000000;
	        text-align: center;
	    }
	
	    .three_right_fbt {
	        margin-top: 1.25rem;
	        font-weight: 400;
	        font-size: 1.25rem;
	        color: #999999;
	        text-align: center;
	    }
	
	    .three_right_texts {
	        font-weight: 400;
	        font-size: 1.25rem;
	        text-align: center;
	        margin-top: 1.25rem;
	        color: #000000;
	    }
	
	    .three_btns {
	        display: flex;
	        justify-content: center;
	        margin-top: 5.5rem;
	        gap: 1.25rem;
	    }
	
	    .fore_info {
	        margin-top: 0.5rem;
	        width: auto;
	        padding: 0 2rem;
	        display: flex;
	        justify-content: space-between;
	        align-items: center;
	    }
	
	    .fore_info_left {
	        font-size: 1.25rem;
	        color: #EE184D;
	    }
	
	    .fore_info_right {
	        width: 5.5rem;
	        height: 1.875rem;
	        background: #F2F5F9;
	        border-radius: 0.125rem;
	        font-weight: 400;
	        font-size: 0.875rem;
	        color: #3E7CFF;
	        text-align: center;
	        line-height: 1.875rem;
	    }
	
	    .cns_info_title {
	        text-align: center;
	        font-weight: bold;
	        font-size: 2.25rem;
	        color: #000000;
	    }
	
	    .cn_info_fBt {
	        text-align: center;
	        font-weight: 400;
	        font-size: 0.875rem;
	        color: #666666;
	    }
	
	    .btn1s {
	        padding: 0.625rem 1.25rem;
	        background: #BCE0FF;
	        border: 0.25rem solid #87D0FF;
	        border-radius: 0.5rem;
	    }
	
	
	}


</style>